<template>
    <div class="ProdRecom">
        <div class="box_con" v-for="item in listAllList" :key="item.id">
            <img src="../assets/chair.jpg" alt="">
            <h3>{{item.text}}</h3>
            <b>￥{{item.price}}<span>起</span></b>
            <p><span>{{item.price1}}</span>色可选</p>
        </div>
    </div>
</template>

<script>
    import * as api from '@/api/getProlist.js'
    export default {
        name: "ProdRecom",
        data(){
            return {
                listAllList:[],
                active:0,
            }
        },
        mounted() {
            api.getProlist().then((data)=>{
                console.log(data.data.listAllList);
                this.listAllList=data.data.listAllList
            })
        }
    }
</script>

<style scoped>
    .box_con{
        width: 45%;
        float: left;
        margin: 10px;
        text-align: center;
        overflow: hidden;
    }
    .box_con img {
        width: 100%;
        height: 400px;
    }

</style>